window.onload=function(){
	  var userId = sessionStorage.getItem("userId");
			if(userId==null){
					location.href = "login.html";
			}
	var ROOT="http://www.youyiku-yishu.cn";
goPAGE();
	var page='';
	page+='<div class="body" id="body">';
	page+='<div class="Phonebook" onclick="phbook()">照片书<span>导入手机照片</span></div>';
	page+='<div class="Wechatbook" onclick="wxbook()">微信书<span>朋友圈一键成书</span></div>';
	page+='<div class="WBbook" onclick="wbbook()">微博书<span>微博一键成书</span></div>';
	page+='<div class="QQbook" onclick="qqbook()">QQ书<span>QQ相册导入成书</span></div>';		
	page+='</div>';
	page+='<div class="comment_on comment_on_1">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/index/logo.png" class="login"/>';	
	page+='<div class="name_img"></div>';
	page+='<div class="name">BluBiu </div>';
	page+='<div class="specific">刚刚    来自忆书App</div>';
	page+='<div class="content">#大学生活#<br/>完美的人生不只有美好，还有回忆！</div>';
	page+='<div class="img">';
	page+='<div class="img_3">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/I_1.jpg" class="images"/>';				
	page+='</div>';
	page+='<div class="img_1">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/I_2.jpg" class="images"/>';
	page+='</div>';
	page+='<div class="img_2">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/I_3.jpg" class="images"/>';
	page+='</div>';	
	page+='</div>';	
	page+='</div>';
	page+='<div class="comment_on comment_on_2">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/index/logo.png" class="login"/>';	
	page+='<div class="name_img name_img1"></div>';
	page+='<div class="name">大大大脸猫star </div>';
	page+='<div class="specific">刚刚    来自忆书App</div>';
	page+='<div class="content">#小生活#<br/>我的简单生活！</div>';
	page+='<div class="img">';
	page+='<div class="img_3">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/WechatIMG3.jpg" class="images"/>';				
	page+='</div>';
	page+='<div class="img_1">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/WechatIMG2.jpg" class="images"/>';
	page+='</div>';
	page+='<div class="img_2">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/WechatIMG9.jpg" class="images"/>';
	page+='</div>';	
	page+='</div>';
	page+='</div>';
	page+='<div class="comment_on comment_on_3">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/index/logo.png" class="login"/>';	
	page+='<div class="name_img name_img2"></div>';
	page+='<div class="name">享受生活的女人 </div>';
	page+='<div class="specific">刚刚    来自忆书App</div>';
	page+='<div class="content"> #我的好闺蜜#<br/>包装很好看。</div>';
	page+='<div class="img">';
	page+='<div class="img_3">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/WechatIMG19.jpg" class="images"/>';				
	page+='</div>';
	page+='<div class="img_1">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/WechatIMG16.jpg" class="images"/>';
	page+='</div>';
	page+='<div class="img_2">';
	page+='<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/WechatIMG12.jpg" class="images"/>';
	page+='</div>';	
	page+='</div>';
	page+='</div>';
	 $('.heafor').html(page);
}
$('.cancel').click(function(){
	$('.admonitory').css('display','none');
})
	 function phbook(){	
		 location.href = "photoNewbook/chooseModel.html";		
	};
	
	function goPAGE() {
	if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
//		window.location.href="你的手机版地址";
		//轮播图
	var autoLb = true;          //autoLb=true为开启自动轮播
	var autoLbtime1 = 1;         //autoLbtime为轮播间隔时间（单位秒）
	var touch = true;           //touch=true为开启触摸滑动
	var slide1Bt = true;         //slide1Bt=true为开启滚动按钮
	
	
	var slide1Nub;               //轮播图片数量
	
	//窗口大小改变时改变轮播图宽高
	$(window).resize(function(){
	   $(".slide3").height($(".slide3").width()*0.56);
	});
	
	    $(".slide3").height($(".slide3").width()*0.56);
	    slide1Nub = $(".slide3 .img").size();             //获取轮播图片数量
	    for(i=0;i<slide1Nub;i++){
	        $(".slide3 .img:eq("+i+")").attr("data-slide3-imgId",i);
	    }
	
	    //根据轮播图片数量设定图片位置对应的class
	    if(slide1Nub==1){
	        for(i=0;i<slide1Nub;i++){
	            $(".slide3 .img:eq("+i+")").addClass("img3");
	        }
	    }
	    if(slide1Nub==2){
	        for(i=0;i<slide1Nub;i++){
	            $(".slide3 .img:eq("+i+")").addClass("img"+(i+3));
	        }
	    }
	    if(slide1Nub==3){
	        for(i=0;i<slide1Nub;i++){
	            $(".slide3 .img:eq("+i+")").addClass("img"+(i+2));
	        }
	    }
	    if(slide1Nub>3&&slide1Nub<6){
	        for(i=0;i<slide1Nub;i++){
	            $(".slide3 .img:eq("+i+")").addClass("img"+(i+1));
	        }
	    }
	    if(slide1Nub>=6){
	        for(i=0;i<slide1Nub;i++){
	            if(i<5){
	               $(".slide3 .img:eq("+i+")").addClass("img"+(i+1)); 
	            }else{
	                $(".slide3 .img:eq("+i+")").addClass("img5"); 
	            }
	        }
	    }
	
	
	    //根据轮播图片数量设定轮播图按钮数量
	    if(slide1Bt){
	        for(i=1;i<=slide1Nub;i++){
	            $(".slide3-bt3").append("<span data-slide3-bt3='"+i+"' onclick='tz("+i+")'></span>");
	            
	        }
	        $(".slide3-bt3").width(slide1Nub*34);
	        $(".slide3-bt3").css("margin-left","-"+slide1Nub*17+"px");
	    }
	
	
	    //自动轮播
	    if(autoLb){
	        setInterval(function(){
	        right();
	    }, autoLbtime1*3000);
	    }
	
	
	    if(touch){
	        k_touch();
	    }
	    slide1Li();
	    imgClickFy();
	
	
	
	//右滑动
	function right(){
	    var fy = new Array();
	    for(i=0;i<slide1Nub;i++){
	        fy[i]=$(".slide3 .img[data-slide3-imgId="+i+"]").attr("class");
	    }
	    for(i=0;i<slide1Nub;i++){
	        if(i==0){
	            $(".slide3 .img[data-slide3-imgId="+i+"]").attr("class",fy[slide1Nub-1]);
	        }else{
	           $(".slide3 .img[data-slide3-imgId="+i+"]").attr("class",fy[i-1]); 
	        }
	    }
	    imgClickFy();
	    slide1Li();
	}
	
	
	//左滑动
	function left(){
	    var fy = new Array();
	    for(i=0;i<slide1Nub;i++){
	        fy[i]=$(".slide3 .img[data-slide3-imgId="+i+"]").attr("class");
	    }
	    for(i=0;i<slide1Nub;i++){
	        if(i==(slide1Nub-1)){
	            $(".slide3 .img[data-slide3-imgId="+i+"]").attr("class",fy[0]);
	        }else{
	           $(".slide3 .img[data-slide3-imgId="+i+"]").attr("class",fy[i+1]); 
	        }
	    }
	    imgClickFy();
	    slide1Li();
	}
	
	
	//轮播图片左右图片点击翻页
	function imgClickFy(){
	    $(".slide3 .img").removeAttr("onclick");
	    $(".slide3 .img2").attr("onclick","left()");
	    $(".slide3 .img4").attr("onclick","right()");
	}
	
	
	//修改当前最中间图片对应按钮选中状态
	function slide1Li(){
	    var slide1List = parseInt($(".slide3 .img3").attr("data-slide3-imgId")) + 1;
	    $(".slide3-bt3 span").removeClass("on");
	    $(".slide3-bt3 span[data-slide3-bt3="+slide1List+"]").addClass("on");
	}
	
	
	//轮播按钮点击翻页
	function tz(id){
	    var tzcs = id - (parseInt($(".slide3 .img3").attr("data-slide3-imgId")) + 1);
	    if(tzcs>0){
	        for(i=0;i<tzcs;i++){
	            setTimeout(function(){
	              right();  
	            },1);
	        }
	    }
	    if(tzcs<0){
	        tzcs=(-tzcs);
	        for(i=0;i<tzcs;i++){
	            setTimeout(function(){
	              left();  
	            },1);
	        }
	    }
	    slide1Li();
	}
	
	
	//触摸滑动模块
	function k_touch() {
	    var _start = 0, _end = 0, _content = document.getElementById("slide3");
	    _content.addEventListener("touchstart", touchStart, false);
	    _content.addEventListener("touchmove", touchMove, false);
	    _content.addEventListener("touchend", touchEnd, false);
	    function touchStart(event) {
	        var touch = event.targetTouches[0];
	        _start = touch.pageX;
	    }
	    function touchMove(event) {
	        var touch = event.targetTouches[0];
	        _end = (_start - touch.pageX);
	    }
	
	    function touchEnd(event) {
	        if (_end < -100) {
	            left();
	            _end=0;
	        }else if(_end > 100){
	            right();
	            _end=0;
	        }
	    }
	}
		//跟着滚动的导航栏
//		window.addEventListener("scroll", ()=> {
//			var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
//			document.querySelector("#body").className = scrollTop >= 100 ? "body_1":"";
//		})
//		$('.tabs').css('display','none');
		
		
}
	else {
		var i = 0 ;
		$('.img').eq(0).show().siblings('.img').hide();
   
  //调用showTime()函数（轮播函数）
  showTime();
   
  //当鼠标经过下面的数字时，触发两个事件（鼠标悬停和鼠标离开）
  $('.tab').hover(function(){
    //获取当前i的值，并显示，同时还要清除定时器
    i = $(this).index();
    Show();
    clearInterval(timer);
  },function(){
    //
    showTime();
  });
   
  //鼠标点击左侧的箭头
  $('.btn1').click(function(){
    clearInterval(timer);
    if(i == 0){
      i = 5;//注意此时i的值
    }
    i--;
    Show();
    showTime();
  });
   
  //鼠标点击右侧的箭头
  $('.btn2').click(function(){
    clearInterval(timer);
    if(i == 4){
      i = -1;//注意此时i的值
    }
    i++;
    Show();
    showTime();
  });
 
 
//创建一个showTime函数
function showTime(){
//定时器
timer = setInterval(function(){
    //调用一个Show()函数
    Show();
    i++;
    //当图片是最后一张的后面时，设置图片为第一张
    if(i==5){
      i=0;
    }
},3000);
}
 
 
//创建一个Show函数
function Show(){
//在这里可以用其他jquery的动画
$('.img').eq(i).fadeIn(300).siblings('.img').fadeOut(300);
   
//给.tab创建一个新的Class为其添加一个新的样式，并且要在css代码中设置该样式
$('.tab').eq(i).addClass('bg').siblings('.tab').removeClass('bg');
   
/*
   * css中添加的代码：
   * .bg{ background-color: #f00; }
   * */
}
		
	}
}
//提示框：暂未开放 敬请期待
function wxbook(){
	 $('.warn').css('display','block');
	setTimeout(function(){
		 $('.warn').css('display','none')
		 },1000);
}
function wbbook(){
	 $('.warn').css('display','block');
	setTimeout(function(){
		 $('.warn').css('display','none')
		 },1000);
}
function qqbook(){
	 $('.warn').css('display','block');
	setTimeout(function(){
		 $('.warn').css('display','none')
		 },1000);
}
